.el-row {
  margin-top: 16px;
  border: none;
}

.el-row:last-child {
  margin-bottom: 0;
}

.grid-content {
  height: .72rem;
}

.index-serch-bar {
  width: 7.5rem;
  position: fixed;
  top: .8rem;
  left: 0;
  z-index: 10;
  background: #000;
}

.location img {
  display: block;
  width: .47rem;
  height: .72rem;
}

.serch {
  border-radius: .5rem .5rem;
  min-width: 5.40rem;
  padding: 0 .35rem;
  margin-left: .30rem;
  position: relative;
}

.serch img {
  display: block;
  width: .40rem;
  position: absolute;
  left: .40rem;
  top: .16rem;
}

#serch {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50px 50px;
  padding-left: .60rem;
  font-size: .28rem;
  color: white;
}

.location {
  min-width: 1rem;
  margin-right: .30rem;
  display: flex;
  justify-content: right;
}

.location #location {
  color: white;
  font-size: 0.22rem;
  line-height: .72rem;
}

.serchdisplay {
  width: 6.9rem;
  z-index: 10;
  background: #000;
  position: fixed;
  border-radius: .12rem;
  top: 2.4rem;
  left: .3rem;
  box-shadow: 0 0 0.15rem #181818;
}

.serchdisplay ul li {
  width: 100%;
  line-height: .6rem;
  font-size: .26rem;
  color: white;
  padding: 0 .3rem;
}

.serchdisplay ul li:hover {
  background: #1c1c1f;
  color: #d99812;
}
